<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
    <!--跳转到本地资源-->
    <a href="p1.html">跳转至今日的第1个页面</a>
    <a href="p3.html">跳转至今日的第3个页面</a>
    <a href="4.jpg">即将打开一张图片</a>
    <br>
    <!--跳转到外部资源    -->
    <a href="https://www.baidu.com/">百度首页</a>
    <a href="/https://www.tmooc.cn">达内首页</a>
    <!-- 图片链接  -->
    <a href="https://www.baidu.com/">
        <img src="1.jpg" alt="">
    </a>
    <hr>
    <!--_self刷新当前页 _blank打开一个新窗口    -->
    <a href="https://www.tmooc.cn" target="_self">达内1</a>
    <a href="https://www.tmooc.cn" target="_blank">达内2</a>
    <!--锚点 书签-->
    <h1>西游记</h1>
    <a href="#c1">快速跳转至第1章</a>
    <a href="#c2">快速跳转至第2章</a>
    <a href="#c3">快速跳转至第3章</a>
    <hr>
    <h3 id="c1">第一章 石猴出世</h3>
    <!-- p*30>lorem Tab补全 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem et exercitationem explicabo fugit
        magni nam neque nesciunt numquam officiis perferendis quasi qui reiciendis rem, repellat, sequi soluta. Cumque,
        unde!</p>
    <p>Consectetur debitis dolorem eaque eum excepturi maxime minima, minus obcaecati quibusdam voluptatibus! Corporis
        delectus obcaecati repellat temporibus? At debitis deserunt eos exercitationem natus numquam pariatur sit soluta
        tempore temporibus, voluptatum?</p>
    <p>A ad alias aperiam atque autem beatae commodi debitis, doloribus eum expedita fugiat hic incidunt itaque iusto
        maxime, neque obcaecati odit placeat provident quae quam quibusdam quo, similique tempore voluptate?</p>
    <p>A amet corporis cupiditate deleniti ea earum enim eum excepturi expedita facilis ipsum laudantium nisi nulla
        obcaecati odit optio quas quia sed similique sint tempore totam ut, voluptate? Eius, nam!</p>
    <p>Eligendi id laudantium nihil odit sit, sunt vel vitae. Aut dolor eos error et, exercitationem expedita mollitia
        nihil nulla numquam placeat quo saepe sapiente soluta sunt, voluptate! Doloremque, numquam voluptas?</p>
    <p>Consectetur cumque earum fugit molestias nihil nulla, omnis placeat quae quas repellat tempore tenetur totam ut
        velit voluptates. Ab aliquam consequuntur earum eligendi modi nulla odit perspiciatis quos reprehenderit
        repudiandae?</p>
    <p>At aut consequuntur culpa doloribus earum enim error eum explicabo laborum laudantium, magni maiores modi neque
        officia optio pariatur perspiciatis praesentium quae, quasi quidem, repellendus sapiente sunt totam unde
        voluptatum!</p>
    <p>Aliquam aspernatur aut beatae cupiditate distinctio, eius est illum molestiae nam provident saepe suscipit vitae,
        voluptates. Aliquid animi consequuntur corporis cumque delectus deserunt ducimus error excepturi nihil saepe!
        Dolor, voluptate?</p>
    <p>Distinctio harum officia quaerat repellat, repudiandae rerum soluta totam. Assumenda atque dolor dolorum ea eius,
        est incidunt laboriosam nobis praesentium quo repellendus ullam voluptatem? Architecto odio officiis porro
        repellat voluptatum.</p>
    <p>Ad animi aperiam atque beatae consequatur dolor dolore dolores ducimus eaque eos eum expedita, explicabo facilis
        harum impedit in labore magnam maxime nemo neque nisi nobis porro ratione tempore ut?</p>
    <p>A amet assumenda at beatae consectetur esse, eum, fugit iste maxime molestias nemo nisi nulla quae quas quisquam
        quo repellat sed sit soluta, sunt unde vel veniam voluptatem. Minima, molestiae?</p>
    <p>Aspernatur consequuntur debitis enim quibusdam quo sit. Ab aliquid architecto ducimus ea enim eos fuga illo,
        itaque, laborum magnam magni nemo nisi, non numquam perferendis ratione reiciendis rerum voluptatibus
        voluptatum!</p>
    <p>Aspernatur delectus dignissimos dolor et incidunt, inventore nemo nesciunt officiis perspiciatis, placeat porro
        possimus quod velit. Architecto at, culpa eos ex hic laborum libero modi nihil obcaecati pariatur recusandae
        sint.</p>
    <p>Ab accusantium alias aspernatur consequatur corporis cupiditate, debitis dicta dolor, maiores modi natus nesciunt
        nisi porro quaerat, vero? Aliquid architecto commodi dolores explicabo magnam, similique voluptates! Eos numquam
        voluptate voluptatum.</p>
    <p>Aperiam cupiditate earum eos fuga ipsa ipsam itaque neque, nisi, odit officia pariatur quas quia quis quo rerum
        soluta vel, velit vero? Aliquam enim est facilis in nesciunt omnis similique.</p>
    <p>Iure iusto laborum nihil rerum sint. Aliquam cum debitis eligendi excepturi reiciendis! Cumque dignissimos illum
        impedit molestiae nobis optio placeat, voluptas. Cupiditate dignissimos eligendi expedita laborum neque quae
        recusandae soluta.</p>
    <p>Alias dolorem dolores ea impedit iusto non odit quos vero? Adipisci assumenda, beatae consequuntur dolorem
        dolorum ducimus eius et exercitationem, laborum minus modi natus porro sed velit voluptate voluptatem
        voluptatibus?</p>
    <p>Accusantium deserunt dolorum exercitationem ipsa, modi nemo perferendis placeat porro praesentium provident, quos
        temporibus tenetur ullam voluptate voluptatibus! Animi facilis magni maxime officiis ratione. Iusto laudantium
        magni quasi rerum totam.</p>
    <p>Architecto commodi dicta dolor dolorem ea earum ex excepturi facilis in inventore ipsum iure labore laborum,
        mollitia odit officia quasi quia quo repellendus soluta temporibus vel, voluptate voluptatibus. Magni,
        optio.</p>
    <p>Accusantium expedita laboriosam molestias quidem reiciendis. Accusamus autem corporis cupiditate debitis delectus
        deserunt ex excepturi, exercitationem explicabo hic illo impedit inventore laudantium numquam perspiciatis, quas
        quo quod sint tempore unde?</p>
    <p>Blanditiis corporis delectus deserunt, dolor dolorem impedit laboriosam minima nisi non porro possimus provident
        quia quis repellat, temporibus ullam voluptatum. In iusto necessitatibus neque quisquam recusandae reiciendis
        temporibus. Expedita, modi.</p>
    <p>Deserunt explicabo hic molestias non repellat saepe voluptatibus! Animi aperiam architecto asperiores atque
        corporis cumque doloribus esse, eveniet fugiat illum neque obcaecati porro quaerat, quam quibusdam repellat,
        rerum sed sit.</p>
    <p>Animi atque consequuntur dignissimos, distinctio ea esse ex fugit harum hic ipsa ipsam iste labore libero
        molestiae odio odit pariatur quod repudiandae ut vitae. In libero modi molestiae quas rem.</p>
    <p>Ab accusamus alias architecto autem, blanditiis debitis deserunt distinctio earum eius eum id illo inventore
        magnam magni nesciunt officia perferendis provident quos repellat reprehenderit sunt suscipit vel veniam?
        Impedit, numquam?</p>
    <p>Ab blanditiis consequuntur culpa debitis deleniti dignissimos dolore dolorem dolores doloribus ducimus, explicabo
        facere fugiat hic ipsam iusto laudantium magnam neque perspiciatis placeat provident quasi rem reprehenderit
        sint tempora veritatis.</p>
    <p>Accusamus animi delectus dolores, ipsum iure laborum non odio possimus, quas quasi quisquam quod, sit sunt
        tenetur totam. Laboriosam nostrum ratione temporibus ullam voluptatum? Dolore id odit saepe temporibus
        velit.</p>
    <p>Accusantium at atque aut autem beatae cum distinctio dolores doloribus earum, enim est excepturi harum illo
        impedit magnam necessitatibus nihil nobis non officiis optio, perspiciatis provident quia, quo recusandae
        vitae!</p>
    <p>Beatae, cumque debitis ea earum error et, expedita facere minus nemo quam quibusdam quo, repellat repellendus
        reprehenderit tenetur. Accusamus consectetur ex fugiat harum incidunt obcaecati quo sint tempora vitae
        voluptas!</p>
    <p>Aliquam aliquid aspernatur atque cumque cupiditate deserunt, dolores eos fugit illo incidunt iste maiores
        mollitia nulla, quaerat, sed tempore vero. At doloribus facere fugit in magni modi nostrum. Minus, quasi?</p>
    <p>Alias asperiores cum debitis deleniti deserunt distinctio dolor eaque et ipsa iste itaque, laudantium
        necessitatibus quam quidem quisquam saepe similique sit, suscipit velit voluptates! Culpa deserunt excepturi hic
        quia temporibus.</p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, beatae earum eum fugiat, fugit illum, minus
        mollitia nam nemo neque nostrum officiis possimus provident quis quod rem repellendus sit tenetur!</p>
    <p>Eaque eos error et exercitationem maiores minima modi nam nobis nostrum nulla, perspiciatis, quo quos, recusandae
        sint tempora ullam voluptatibus. Animi at commodi consequuntur dolorem eos explicabo omnis, similique
        voluptatum!</p>
    <p>A alias aperiam beatae commodi cumque debitis dicta dolorum ducimus ea eaque fuga libero magnam maxime, minima
        nam natus necessitatibus nesciunt perspiciatis qui quos sequi sit tenetur ullam? Molestias, vel.</p>
    <p>Culpa deleniti dolorum earum, eligendi eos ipsa iure laudantium magni neque nisi porro quas recusandae tempore,
        tenetur veniam! Ab consequuntur dignissimos et id nostrum numquam odio repellat, vero? Debitis, vitae.</p>
    <p>Autem corporis dolore error exercitationem expedita incidunt ipsum libero molestias necessitatibus quas, quasi
        quo reiciendis rem sit tempore unde vitae! Atque enim et eveniet ipsam pariatur tempora, unde ut voluptates.</p>
    <p>Atque consectetur dicta doloremque enim incidunt, laborum maxime neque reiciendis sed sequi, sint, veniam.
        Architecto, autem dolorum eveniet expedita hic iure magni necessitatibus quaerat quasi ratione rem repudiandae,
        sint sit?</p>
    <p>Accusamus ad assumenda beatae dolor doloribus eum harum hic labore, magnam nobis non omnis perferendis quam qui
        quisquam quos similique? Eos, reiciendis reprehenderit? Ab alias atque, explicabo incidunt iusto tempora.</p>
    <p>Animi cupiditate eligendi et facilis harum illum, libero, neque non odio odit quidem, quo. Culpa dolore
        doloremque enim incidunt iste, itaque magni minus necessitatibus nostrum pariatur quaerat voluptate voluptates.
        Porro.</p>
    <p>Adipisci alias atque deserunt dolor neque nihil omnis perferendis soluta, voluptatibus. Aliquam consequatur, est?
        Aperiam beatae consequuntur cupiditate eos expedita, illo itaque laboriosam nam, nemo nihil non possimus
        quibusdam saepe!</p>
    <p>Accusamus atque autem corporis delectus deleniti distinctio dolorum enim error eum expedita facere harum hic
        illum ipsa iste iusto magnam maiores necessitatibus odio optio quibusdam quisquam, quo ratione sint velit.</p>
    <p>Iure rerum similique sint. Blanditiis fugiat, laborum pariatur quidem sint unde voluptatum? Accusamus commodi
        dolores excepturi minus nostrum placeat repellendus similique soluta, tempora vitae. Culpa fugiat nam repellat
        reprehenderit vel?</p>
    <p>Assumenda delectus deserunt doloremque, eius maiores quaerat ullam! Consequuntur dolorum, maiores nam quod rerum
        similique. Aut blanditiis consequuntur, cumque dolorem est fuga illo inventore ipsum odio quae qui reprehenderit
        ut.</p>
    <p>Blanditiis eos eum, id itaque magni quos sunt voluptatem voluptates. Aut delectus dolorem dolores iusto, labore
        magni molestiae possimus provident quaerat quas quos saepe sapiente tempore voluptates voluptatum. Autem,
        doloribus.</p>
    <p>Dolore dolorem doloremque officia quae sapiente vel? Ab accusantium aliquid assumenda consequuntur debitis minima
        minus odit officia provident quasi quibusdam, quo? Expedita obcaecati odio officiis quasi sed sit, veniam
        voluptatibus?</p>
    <p>Ab ad aliquam beatae cupiditate deserunt eligendi est eum illum inventore iste iure laboriosam modi, molestias
        nesciunt nulla numquam, obcaecati odit officia quae quaerat, quisquam similique suscipit? Ad, deserunt rem.</p>
    <p>Alias, fuga, ipsa. A animi consequuntur corporis cupiditate deleniti dicta doloribus harum laboriosam maxime odio
        odit omnis optio porro quas quo recusandae, repudiandae saepe sapiente sed sint suscipit velit voluptate!</p>
    <p>Aspernatur eaque enim eveniet labore minima molestiae nisi non! Architecto libero nostrum similique? Commodi
        debitis deleniti dolorem dolorum eaque, eum laborum maxime modi necessitatibus nisi odio reprehenderit,
        repudiandae, sunt velit!</p>
    <p>Earum eius eum ipsum molestiae officiis praesentium quibusdam veniam. Iusto necessitatibus nemo numquam
        perferendis quia? Dolores ea iure sint totam? Explicabo illum in obcaecati, officiis suscipit voluptate
        voluptates. Earum, voluptatibus?</p>
    <p>Architecto asperiores assumenda aut, autem corporis dolor eaque eligendi esse eum facilis incidunt iste, itaque
        magnam minus molestias nisi non nostrum nulla possimus quisquam quos recusandae, sint velit voluptas
        voluptatem.</p>
    <p>Aut deleniti sequi voluptatum. Ab amet at autem debitis deleniti doloremque ducimus ex expedita itaque magnam,
        necessitatibus nisi obcaecati officiis pariatur, quam quia quod ratione ullam. Accusantium fugiat unde
        veritatis?</p>
    <p>Cupiditate delectus dignissimos earum esse ex, fugiat impedit, ipsam itaque laboriosam laborum libero natus
        nostrum numquam quaerat totam voluptas voluptate! Fugiat, quas voluptatibus. Ab aliquam doloremque ipsa nisi
        sunt suscipit.</p>
    <p>Commodi, consequuntur debitis deserunt earum libero minima nesciunt non quasi totam. Culpa dolorum eos
        exercitationem ipsum minima molestiae optio praesentium ratione repudiandae ut. Aspernatur exercitationem, iusto
        nam nulla porro sed?</p>
    <p>At beatae culpa, delectus deserunt dolore doloremque ducimus eligendi eos error eum excepturi fuga inventore
        ipsam ipsum laboriosam nam nihil non optio perspiciatis quae, quibusdam quidem repellendus sapiente, unde
        voluptatem?</p>
    <p>Asperiores blanditiis consequatur deserunt dicta enim ex fuga fugiat illum impedit in labore laudantium maiores
        mollitia nemo perspiciatis praesentium quo repudiandae, sed sunt veniam! Accusantium aliquam eligendi iure
        necessitatibus quasi?</p>
    <p>Adipisci earum exercitationem itaque libero maiores, numquam officia porro quidem ratione voluptates? Alias amet
        asperiores aut doloremque eos. Consequuntur deleniti id nemo odio placeat repellat velit. Amet assumenda dolorem
        voluptas?</p>
    <p>Animi atque dicta dolor eos inventore magnam maxime mollitia non perferendis possimus quasi unde, voluptas
        voluptatum? Accusantium architecto est et magni molestiae nemo neque nesciunt, nostrum obcaecati perferendis
        porro suscipit.</p>
    <p>Culpa dicta eos est facilis hic inventore itaque laborum molestias mollitia, necessitatibus nihil nulla omnis,
        quas qui repellat rerum saepe, sint! Architecto perspiciatis quisquam repellat totam. Cupiditate iure soluta
        suscipit.</p>
    <p>Assumenda eaque eligendi ipsam labore modi molestiae quibusdam sed similique tempore veritatis. Ab accusamus
        alias, animi architecto aspernatur eligendi enim illum, porro qui quidem, rerum saepe sapiente temporibus totam
        voluptatum?</p>
    <p>Aut cum dolor error exercitationem impedit modi molestias perspiciatis praesentium, quam quia quibusdam
        recusandae repellendus rerum saepe soluta, tempora tenetur totam, unde vel vero? Cumque dolorum eum neque odio
        quia?</p>
    <p>Ad asperiores at, commodi consectetur doloremque dolores ducimus enim fuga id illo iusto laborum numquam
        perspiciatis quaerat quam qui quibusdam ratione reiciendis repellendus, rerum saepe sit temporibus ut vel
        voluptates!</p>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto assumenda beatae culpa cum
        deleniti enim eos ex hic id itaque iure maxime nemo porro quam, quisquam soluta velit voluptate!</p>
    <p>Amet animi dicta dignissimos ducimus eum facere fuga ipsam nemo nesciunt nobis odio sed similique suscipit,
        tempore, temporibus vel, voluptatibus? Aperiam commodi doloribus esse magnam perspiciatis quo ullam?
        Consequatur, quod?</p>
    <p>Amet distinctio dolores doloribus dolorum ea est eveniet ex excepturi inventore, libero magnam maxime modi nisi
        nobis numquam obcaecati odio omnis pariatur porro quae qui repellat saepe sit voluptates voluptatibus?</p>
    <p>Accusantium aliquid enim et excepturi explicabo facilis in iste itaque iure iusto maiores minus, non placeat
        porro quas quasi quia quis quos rerum saepe? Neque nihil nisi officiis ratione voluptatem.</p>
    <p>A ad aliquam commodi cum dignissimos dolorum enim est et exercitationem fugit, in labore laudantium numquam
        perferendis qui quia quisquam quod rerum sapiente sed similique sit soluta suscipit tempore ullam?</p>
    <p>Ab cupiditate id ipsum odio possimus quam sint ut vero voluptas? Alias aliquid asperiores aut commodi dignissimos
        harum iusto nam necessitatibus nihil perferendis placeat, quos reprehenderit similique unde vero voluptates.</p>
    <p>Aut corporis doloribus earum eum libero mollitia neque officiis quae ratione. Ab id illo iusto maiores nisi
        perferendis quis sed sint? Accusantium dolore est laboriosam repudiandae voluptatibus. Ipsam molestias,
        nobis.</p>
    <p>A ad alias aliquid asperiores at blanditiis corporis dolore laudantium maxime minus modi nostrum officia possimus
        quas, sit tenetur voluptatibus? Accusantium delectus et fugiat incidunt inventore iste necessitatibus non
        sit.</p>
    <p>Accusantium alias beatae deleniti ea enim eveniet neque, praesentium sed tempore veniam. Adipisci architecto cum
        modi officiis rerum? Blanditiis cum cumque, deleniti distinctio doloribus dolorum eum explicabo ipsam iure
        voluptatibus.</p>
    <p>Ab ad aliquam asperiores assumenda necessitatibus nemo numquam saepe velit vero! Aliquam animi consectetur
        consequuntur deleniti expedita iusto labore modi, molestiae molestias mollitia nisi optio quibusdam, repellat
        sequi, ullam velit?</p>
    <p>Dicta eum neque officiis praesentium repellat, repellendus sequi veniam vitae! Aliquid aperiam architecto
        assumenda consectetur cum doloremque et ipsa, officia pariatur praesentium provident quidem quod quos recusandae
        totam! Aspernatur, harum.</p>
    <p>Accusamus ad culpa, delectus dolore doloribus eligendi esse et hic illo illum ipsa labore libero maiores maxime
        minima minus molestias nihil nostrum obcaecati officiis quaerat quam repudiandae tempore totam voluptatibus!</p>
    <p>Aperiam commodi enim fuga impedit officiis perspiciatis? A accusamus consectetur cum delectus ea exercitationem
        ipsam ipsum iusto minus neque obcaecati omnis quia, quibusdam repellat temporibus ullam voluptatibus. Eos,
        explicabo, sapiente?</p>
    <p>Accusantium adipisci animi atque aut, consectetur cupiditate distinctio dolorum eos est hic illum in libero
        molestiae nesciunt officia quas quis, quisquam ratione sint ut vero vitae voluptas voluptate voluptatem
        voluptatum.</p>
    <p>Adipisci dolorum, earum eligendi, excepturi iure molestiae numquam repudiandae sequi suscipit tempora ullam
        vitae! Animi assumenda delectus ea et exercitationem minus nobis, obcaecati omnis pariatur quo ratione sit
        tempora, voluptatem.</p>
    <p>Accusantium consectetur consequuntur doloremque earum enim minima. Ad animi consectetur dolores, error eum
        exercitationem illo iusto minima modi molestias officia possimus provident repellat sed, sequi, tempore
        temporibus tenetur vel velit?</p>
    <p>Accusamus asperiores, atque culpa deserunt esse eum eveniet ex fugiat, iusto labore nisi officia perspiciatis
        placeat provident quidem repellendus unde vel voluptas! Accusantium consectetur culpa maiores nisi placeat
        sapiente, veniam.</p>
    <p>Aspernatur cum fuga fugiat modi necessitatibus non odio, perferendis perspiciatis quaerat qui sunt temporibus
        unde voluptatibus? A at et facilis labore modi molestiae non placeat quam sunt tempore vel, voluptatem.</p>
    <p>Accusantium animi asperiores, assumenda deleniti distinctio et, explicabo facilis fuga id laborum magni modi
        molestiae nesciunt non odio perspiciatis ratione reiciendis, vel veniam vitae? Excepturi hic magnam nobis qui
        voluptas.</p>
    <p>Ad cum enim explicabo harum pariatur perferendis possimus quod quos repellendus voluptates! A accusantium, cumque
        eligendi fugiat ipsam, iste maiores minus modi molestias nam, perferendis rerum tempora vero voluptate
        voluptates.</p>
    <p>Accusamus deleniti distinctio dolorem eius illo ipsam mollitia nisi placeat temporibus vel. Aspernatur
        consequuntur deleniti eligendi eos, ipsa neque, nobis optio, praesentium provident reprehenderit sed sequi
        suscipit tempora voluptatem voluptatibus.</p>
    <p>Consequuntur corporis dolor dolore dolores est ex facere laboriosam laudantium maiores modi mollitia nam, porro
        qui quis quod repellat rerum similique unde, voluptatem voluptatibus. Corporis ea porro sed unde
        voluptatibus.</p>
    <p>Commodi esse nemo neque quam quasi quidem voluptate! Deserunt distinctio exercitationem impedit incidunt ipsam
        minus nulla possimus quaerat quibusdam, suscipit temporibus vel veritatis. Corporis dignissimos distinctio
        repellendus. Dignissimos, inventore velit.</p>
    <p>Accusamus aut commodi consectetur corporis culpa cumque debitis doloremque dolorum, ducimus ea eum eveniet fuga
        fugit harum, incidunt nam nemo numquam odio officiis provident quaerat quia quo quos saepe tempore.</p>
    <p>Adipisci animi cumque dolor fuga ipsum minus nisi quod ullam voluptatem? Adipisci, asperiores corporis culpa,
        deleniti eius enim ex fuga iure laboriosam optio quaerat qui quisquam suscipit ullam velit voluptas.</p>
    <p>Facere fugiat harum libero minima praesentium quam similique sunt voluptas voluptatem voluptatibus? Autem commodi
        consequatur corporis id illum iste magnam, modi molestiae, molestias nesciunt nisi, nobis non possimus suscipit
        totam?</p>
    <p>Hic minus officia porro quasi. Accusantium adipisci consectetur debitis deleniti dicta doloribus harum nihil
        nulla odio, perspiciatis possimus quos saepe similique temporibus tenetur ullam veritatis vitae! Ab assumenda
        dicta est?</p>
    <p>Et itaque iure sint voluptatibus. Aliquam amet, dolorem ea earum eum exercitationem iste iure laudantium magnam
        molestias mollitia officia omnis perferendis provident quaerat quasi quidem reprehenderit similique sunt
        veritatis. Expedita!</p>
    <p>Animi architecto deserunt dolore error facere hic, impedit laborum mollitia nam nulla obcaecati, odio omnis optio
        placeat praesentium quam quibusdam quidem quis quisquam recusandae sed sequi sint tempora totam ut.</p>
    <p>Ab aut cumque eius possimus quibusdam ratione velit. A atque beatae blanditiis consectetur dolore eaque eius
        expedita id ipsa iste laudantium obcaecati officia quasi qui quisquam quos soluta vitae, voluptatem!</p>
    <a href="#">快速跳转至页面顶部</a>
</body>
</html>